/* eslint-disable react-hooks/rules-of-hooks */
// import React, { useState, useEffect } from 'react'
import {
    Form,
    Radio,
    Input,
    Select,
    Button
} from "antd"

const { Option } = Select

function procurement (props) {
    const [headForm] = Form.useForm()
    return (
        <div style={{ backgroundColor: "#fff" }}>
            <div style={{ padding: "16px", borderBottom: "1px solid #dcdfe6" }}>
                <Form
                form={ headForm }
                layout="inline"
                >
                    <Form.Item label="选择仓库">
                        <Radio.Group>
                            <Radio value={1}>A</Radio>
                            <Radio value={2}>B</Radio>
                            <Radio value={3}>C</Radio>
                            <Radio value={4}>D</Radio>
                        </Radio.Group>
                    </Form.Item>
                </Form>

                <h2 style={{ fontSize: "16px", borderTop: "2px solid #dcdfe6", lineHeight: "40px" }}> 选择采购商品 </h2>

                <Form
                form={ headForm }
                layout="inline"
                >
                    <Form.Item name="productname" label="商品名称">
                        <Input placeholder="请输入" allowClear></Input>
                    </Form.Item>

                    <Form.Item name="factory" label="生产厂家">
                        <Input placeholder="请输入" allowClear></Input>
                    </Form.Item>

                    <Form.Item name="provider" label="供应商">
                        <Select style={{ width: 200 }}  placeholder="请选择">
                            <Option value="jack">Jack</Option>
                            <Option value="lucy">Lucy</Option>
                            <Option value="Yiminghe">yiminghe</Option>
                        </Select>
                    </Form.Item>

                    <Form.Item style={{ marginLeft: '20px'}}>
                        <Button type="primary" htmlType="submit">
                            查询
                        </Button>
                    </Form.Item>
                    
                    <Form.Item>
                        <Button htmlType="reset">
                            重置
                        </Button>
                    </Form.Item>
                </Form>
            </div>

            <div style={{ marginTop: '20px', padding: "16px" }}>
            </div>
        </div>
    )
}

export default procurement